<@override name="title">角色管理</@override>

<@override name="styles">
<link href="${ctx}/static/plugins/datatables/dataTables.bootstrap.css" rel="stylesheet" type="text/css" />
</@override>


<@override name="header">
<h4>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-map-marker"></i>&nbsp;&nbsp; 系统设置</a></li>
        <li><a href="#">角色管理</a></li>
    </ol>
</h4>
</@override>

<@override name="content">
<div class="row">
    <div class="col-xs-12">
        <div class="box">
            <div class="box-header with-border">
                <a class="btn btn-default pull-right" href="${ctx}/system/role/item/0">
                    <i class="fa fa-plus"></i> 新建
                </a>
            </div>
            <div class="box-body">
                <table id="data-table" class="table table-bordered table-hover">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>名称</th>
                        <th>备注</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div><!-- /.box -->
    </div><!-- /.col -->
</div><!-- /.row -->

<script type="text/x-handlebars-template" id="data-table-action">
    <a class="btn btn-info" href="${ctx!}/system/role/item/{{id}}">编辑</a>
    <a class="btn btn-warning dt-ajax" data-href="${ctx!}/system/role/delete/{{id}}">删除</a>
</script>

</@override>

<@override name="scripts">
<!-- DATA TABES SCRIPT -->
<script src="${ctx}/static/plugins/datatables/jquery.dataTables.js" type="text/javascript"></script>
<script src="${ctx}/static/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>
<script src="${ctx}/static/plugins/datatables/datatables.js" type="text/javascript"></script>

<script type="text/javascript" src="${ctx}/static/views/system/role/index.js"></script>
</@override>

<@extends name="/WEB-INF/_basic/main.ftl"/>